// 初始化图片裁剪器
const image = document.getElementById('image');
const cropper = new Cropper(image, {
    aspectRatio: 1,
    preview: $(".img-preview"),
    // crop(event) {
    //     console.log(event.detail.x);
    //     console.log(event.detail.y);
    //     console.log(event.detail.width);
    //     console.log(event.detail.height);
    //     console.log(event.detail.rotate);
    //     console.log(event.detail.scaleX);
    //     console.log(event.detail.scaleY);
    // },
});

// 点击选择图片来触发input:file的点击事件
$('.select').on('click', function(ev){
    $('#file').trigger('click');
    // $('#file').click();
})

// input:file 改变事件
$('#file').on('change', function(ev){
    // console.log($('#file')[0].files[0])
    // console.log(ev.target.files[0])
    let imgURL = URL.createObjectURL($('#file')[0].files[0])
    cropper.replace(imgURL)
})

// 上传图片
$('.sure').on('click', function(){
    let canvs = cropper.getCroppedCanvas({
        width: 200,
        height: 200
    }).toDataURL('image/jpeg'); // base64
    let data = 'avatar=' + encodeURIComponent(canvs);
    avatarAPI(data, res => {
        // console.log(res)
        window.parent.userinfo();
    })
})

// 默认显示头像
getUserInfoAPI({}, res => {
    console.log(res)
    cropper.replace(res.data.data.user_pic)
})